//App.vue
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style>
	/* 外层容器：弹性布局，使左右两部分并排 */
	.HBox {
	  display: flex;
	  min-height: 100vh;
	}
	.centre_box {
	  flex: 1; /* 占据剩余宽度 */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding: 2rem; /* 可选：添加内边距 */
	}
	* {
	  margin: 0;
	  padding: 0;
	  box-sizing: border-box;
	  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	}
	/* 全局滚动行为 */
	html {
	  scroll-behavior: smooth;
	}
	
	body {
	  background-color: #f8fafc;
	  color: #1e293b;
	}
</style>
